﻿@{
    List<SelectListItem> listTipoTransporte = (List<SelectListItem>)ViewBag.listTipoTransporte;
    String sTipoAuto = SWGeneracionE.Constantes.TIPOTRANSPORTE_AUTO.ToString();
}
<div id="ui-dialog-detalle-ec">
    <form class="jtable-dialog-form">
        <div class="jtable-input-field-container">
            <div class="jtable-input-label"><b><span class="motivo"></span></b></div>
            <div class="jtable-input-label">Cuota No.  <b><span class="nopago"></span></b></div>
            <div class="jtable-input-label">Fecha:  <b><span class="fecha"></span></b></div>
        </div>
        <div class="jtable-input-field-container">
            <div class="jtable-input-label">Tipo:  <b><span class="tipo"></span></b></div>
            <div class="jtable-input-label">Estado:  <b><span class="estado"></span></b></div>
        </div>
        <div class="jtable-input-field-container">
            <div class="jtable-input-label">Monto (<span class="monedapago"></span>)</div>
            <div class="jtable-input jtable-text-input">
                <input name="monto" type="text" readonly="readonly" />
            </div>
        </div>
        <div class="jtable-input-field-container">
            <div class="jtable-input-label">Documento</div>
            <div class="jtable-input jtable-text-input">
                <input name="documento" type="text" readonly="readonly" />
            </div>
        </div>
        <div class="jtable-input-field-container">
            <div class="jtable-input-label">Boleta asociada</div>
            <div class="jtable-input jtable-text-input">
                <input name="boleta" type="text" readonly="readonly" />
            </div>
        </div>
        <div class="jtable-input-field-container">
            <div class="jtable-input-label">Observaciones</div>
            <div class="jtable-input jtable-textarea-input">
                <textarea name="observaciones" readonly="readonly"></textarea>
            </div>
        </div>
    </form>
</div>
<div id="ui-dialog-detalle">
    <form class="jtable-dialog-form jtable-create-form">
        <div id="tabs-detalle">
            <ul>
                <li><a href="#tabs-person">Datos Personales</a></li>
                <li><a href="#tabs-docs">Documentos ID</a></li>
                <li><a href="#tabs-evento">Datos Inscripci&oacute;n</a></li>
                <li><a href="#tabs-ec">Estado de Cuenta</a></li>
            </ul>
            <div id="tabs-person">
                <div class="jtable-input-field-container">
                    <div class="jtable-input-label">Nombre</div>
                    <div class="jtable-input jtable-text-input">
                        <input name="nombre" type="text" readonly="readonly" />
                    </div>
                </div>
                <div class="accpersonal">
                    <h3>Datos Propios</h3>
                    <div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Fecha de nacimiento</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="fechanacimiento" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">G&eacute;nero</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="sexo" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Estado civil</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="estadocivil" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Pais</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="pais" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Iglesia</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="iglesia" type="text" readonly="readonly" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="acccontacto">
                    <h3>Datos Contacto</h3>
                    <div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Tel&eacute;fono Casa</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="telefonocasa" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Celular</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="telefonomovil" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Tel&eacute;fono trabajo</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="telefonotrabajo" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Direcci&oacute;n Casa</div>
                            <div class="jtable-input jtable-textarea-input">
                                <textarea name="direccioncasa" readonly="readonly"></textarea>
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Direcci&oacute;n Trabajo</div>
                            <div class="jtable-input jtable-textarea-input">
                                <textarea name="direcciontrabajo" readonly="readonly"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="tabs-docs">
                <div class="DocsTable"></div>
            </div>
            <div id="tabs-evento">
                <input type="hidden" name="idParticipante" />
                <input type="hidden" name="idParticipanteXEvento" />
                <div class="jtable-input-field-container">
                    <div class="jtable-input-label">Código</div>
                    <div class="jtable-input jtable-text-input">
                        <input name="codigo" type="text" readonly="readonly" />
                    </div>
                </div>
                <div class="jtable-input-field-container">
                    <div class="jtable-input-label">Tipo de transporte</div>
                    <div class="jtable-input jtable-dropdown-input">
                        @Html.DropDownList("tipoTransporte", listTipoTransporte, "Indefinido", new { @readonly = "readonly" })
                    </div>
                </div>
                <div class="accauto">
                    <h3>Datos Vehículo</h3>
                    <div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Marca Vehículo</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="marcaAuto" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Placa Vehículo</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="placaAuto" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Color Vehículo</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="colorAuto" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input jtable-checkbox-input">
                                <input type="checkbox" name="duenioAuto" />
                                <span class="jtable-option-text-clickable">Es dueño del vehículo</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="accMenor" class="accmenor">
                    <h3>Datos Menor de Edad</h3>
                    <div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input-label">Código Tutor</div>
                            <div class="jtable-input jtable-text-input">
                                <input name="codigoTutor" type="text" readonly="readonly" />
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input jtable-checkbox-input">
                                <input type="checkbox" name="cartaMenor" />
                                <span class="jtable-option-text-clickable">Presentó carta legalizada</span>
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input jtable-checkbox-input">
                                <input type="checkbox" name="firmaPadre" />
                                <span class="jtable-option-text-clickable">Firma de Padre</span>
                            </div>
                        </div>
                        <div class="jtable-input-field-container">
                            <div class="jtable-input jtable-checkbox-input">
                                <input type="checkbox" name="firmaMadre" />
                                <span class="jtable-option-text-clickable">Firma de Madre</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="jtable-input-field-container">
                    <div class="jtable-input jtable-checkbox-input">
                        <input type="checkbox" name="firmoContrato" />
                        <span class="jtable-option-text-clickable">Firmó contrato</span>
                    </div>
                </div>
                <div class="jtable-input-field-container">
                    <div class="jtable-input jtable-checkbox-input">
                        <input type="checkbox" name="cortesia" />
                        <span class="jtable-option-text-clickable">Es cortesía</span>
                    </div>
                </div>
                <div class="jtable-input-field-container">
                    <div class="jtable-input jtable-checkbox-input">
                        <input type="checkbox" name="recaudacion" />
                        <span class="jtable-option-text-clickable">Está en recaudación</span>
                    </div>
                </div>
                <div class="jtable-input-field-container">
                    <div class="jtable-input-label">Observaciones</div>
                    <div class="jtable-input jtable-textarea-input">
                        <textarea name="observaciones" readonly="readonly"></textarea>
                    </div>
                </div>
            </div>
            <div id="tabs-ec">
                <input type="hidden" name="idparticipante" />
                <div class="EstadoCuentaTable"></div>
                <hr />
                <table class="totals fullsize">
                    <tr>
                        <td class="right">Total sin Recaudaci&oacute;n (<span class="moneda"></span>)</td>
                        <td>
                            <input type="text" name="subtotal" readonly="readonly" /></td>
                    </tr>
                    <tr>
                        <td class="right">Recaudaci&oacute;n (GTQ)</td>
                        <td>
                            <input type="text" name="recaudacion" readonly="readonly" /></td>
                    </tr>
                    <tr>
                        <td class="right">Total Aprox (GTQ)</td>
                        <td>
                            <input type="text" name="total" readonly="readonly" /></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr id="ec-pagobus" class="pagobus">
                        <td class="right">Pago Bus</td>
                        <td class="verpagobus"></td>
                    </tr>
                </table>
            </div>
        </div>
    </form>
</div>
